:root {
    --el-color-primary-rgb: 64,158,255;
    --el-color-success-rgb: 103,194,58;
    --el-color-warning-rgb: 230,162,60;
    --el-color-danger-rgb: 245,108,108;
    --el-color-error-rgb: 245,108,108;
    --el-color-info-rgb: 144,147,153;
    --el-font-size-extra-large: 20px;
    --el-font-size-large: 18px;
    --el-font-size-medium: 16px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;
    --el-font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5fae\8f6f\96c5\9ed1",Arial,sans-serif;
    --el-font-weight-primary: 500;
    --el-font-line-height-primary: 24px;
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;
    --el-border-radius-base: 4px;
    --el-border-radius-small: 2px;
    --el-border-radius-round: 20px;
    --el-border-radius-circle: 100%;
    --el-transition-duration: .3s;
    --el-transition-duration-fast: .2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);
    --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
    --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large: 40px;
    --el-component-size: 32px;
    --el-component-size-small: 24px;
    color-scheme: light;
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary: #409eff;
    --el-color-primary-light-3: #79bbff;
    --el-color-primary-light-5: #a0cfff;
    --el-color-primary-light-7: #c6e2ff;
    --el-color-primary-light-8: #d9ecff;
    --el-color-primary-light-9: #ecf5ff;
    --el-color-primary-dark-2: #337ecc;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #ffffff;
    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #ffffff;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, .8);
    --el-overlay-color-light: rgba(0, 0, 0, .7);
    --el-overlay-color-lighter: rgba(0, 0, 0, .5);
    --el-mask-color: rgba(255, 255, 255, .9);
    --el-mask-color-extra-light: rgba(255, 255, 255, .3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color);
}
:root {
    --aside-width: 210px;
    --el-mask-color: rgba(255,255,255,1);
}
:root {
    --el-menu-active-color: var(--el-color-primary);
    --el-menu-text-color: var(--el-text-color-primary);
    --el-menu-hover-text-color: var(--el-color-primary);
    --el-menu-bg-color: var(--el-fill-color-blank);
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-item-height: 56px;
    --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
    --el-menu-horizontal-sub-item-height: 36px;
    --el-menu-item-font-size: var(--el-font-size-base);
    --el-menu-item-hover-fill: var(--el-color-primary-light-9);
    --el-menu-border-color: var(--el-border-color);
    --el-menu-base-level-padding: 20px;
    --el-menu-level-padding: 20px;
    --el-menu-icon-width: 24px;
}
.login-wrap {
    background-image: url(/static/images/login_index_bg-c0e47ae7.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-page {
    background-color: var(--el-bg-color-page);
}
.w-full {
    width: 100%;
}
.h-screen {
    height: 100vh;
}
.el-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0;
}
.login-main {
    display: flex!important;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.el-main {
    --el-main-padding: 20px;
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    box-sizing: border-box;
    padding: var(--el-main-padding);
}
.rounded-2xl {
    border-radius: 1rem;
}
.overflow-hidden {
    overflow: hidden;
}

.flex {
    display: flex;
}
.justify-center {
    justify-content: center;
}
.flex-wrap {
    flex-wrap: wrap;
}

.w-\[450px\] {
    width: 450px;
}
img, video {
    max-width: 100%;
    height: auto;
}
img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}
.login {
    background: var(--el-bg-color);
}
.p-\[40px\] {
    padding: 40px;
}
.flex-col {
    flex-direction: column;
}
.w-\[400px\] {
    width: 400px;
}

.h-\[400px\] {
    height: 400px;
}
.font-bold {
    font-weight: 700;
}
.text-lg {
    font-size: var(--el-font-size-medium);
}
.text-center {
    text-align: center;
}

.mb-\[10px\] {
    margin-bottom: 10px;
}
.font-bold {
    font-weight: 700;
}
.text-2xl {
    font-size: var(--el-font-size-extra-large);
}
.text-center {
    text-align: center;
}

.mb-\[26px\] {
    margin-bottom: 26px;
}
.el-form-item {
    display: flex;
    --font-size: 14px;
    margin-bottom: 5px;
}
.el-form-item__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    line-height: 32px;
    position: relative;
    font-size: var(--font-size);
    min-width: 0;
}
.el-form-item__content .el-input-group {
    vertical-align: top;
}
.el-form-item__content .el-input-group {
    vertical-align: top;
}
.h-\[40px\] {
    height: 40px;
}
.el-input-group {
    display: inline-flex;
    width: 100%;
    align-items: stretch;
}


.el-icon {
    --color: inherit;
    height: 1em;
    width: 1em;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    color: var(--color);
    font-size: inherit;
}
.el-icon svg {
    height: 1em;
    width: 1em;
}

.el-input__wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 1px 11px;
    background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
}
.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--el-input-text-color,var(--el-text-color-regular));
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box;
}

.el-button {
    background-color: var(--el-button-bg-color, var(--el-color-white));
}
.w-full {
    width: 100%;
}
.h-\[40px\] {
    height: 40px;
}
.mt-\[30px\] {
    margin-top: 30px;
}
button, [type=button], [type=reset], [type=submit] {
        border: 0;
}
.el-button--primary {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-primary);
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary-light-3);
    --el-button-hover-border-color: var(--el-color-primary-light-3);
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: var(--el-color-primary-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    color: var(--el-button-text-color);
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    transition: .1s;
    font-weight: var(--el-button-font-weight);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    padding: 8px 15px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base);
}
.min-w-\[1200px\] {
    min-width: 1200px;
}

.h-screen {
    height: 100vh;
}

.layout-aside.bright, .layout-aside.bright li {
    background-color: #f5f7f9;
}
.w-auto {
    width: auto;
}
.h-screen {
    height: 100vh;
}
.el-aside {
    overflow: auto;
    box-sizing: border-box;
    flex-shrink: 0;
    width: var(--el-aside-width,300px);
}

.layout-aside {
    background-color: var(--side-dark-color, var(--el-bg-color));
    border-right: 1px solid var(--el-border-color-lighter);
}
.el-container.is-vertical {
    flex-direction: column;
}
.el-header {
    --el-header-padding: 0 !important;
    --el-header-height: 64px !important;
}
.el-header {
    --el-header-padding: 0 20px;
    --el-header-height: 60px;
    padding: var(--el-header-padding);
    box-sizing: border-box;
    flex-shrink: 0;
    height: var(--el-header-height);
}
.logo-wrap {
    padding: 0;
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.logo-wrap .logo {
    height: 100%;
    box-sizing: border-box;
}
.items-center {
    align-items: center;
}
.max-w-\[210px\] {
    max-width: 210px;
}
.max-w-full {
    max-width: 100%;
}

.max-h-full {
    max-height: 100%;
}
.el-main {
    --el-main-padding: 20px;
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    box-sizing: border-box;
    padding: var(--el-main-padding);
}
.menu-wrap {
    flex: 1!important;
    height: 0!important;
    padding: 0!important;
}
.el-scrollbar {
    --el-scrollbar-opacity: .3;
    --el-scrollbar-bg-color: var(--el-text-color-secondary);
    --el-scrollbar-hover-opacity: .5;
    --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
    overflow: hidden;
    position: relative;
    height: 100%;
}
.el-scrollbar__wrap {
    overflow: auto;
    height: 100%;
}
.menu-wrap .el-menu {
    border-right: 0!important;
}

.aside-menu:not(.el-menu--collapse) {
    width: var(--aside-width);
}

.el-menu {
    border-right: solid 1px var(--el-menu-border-color);
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    box-sizing: border-box;
}
.layout-aside.bright li.is-active:not(.is-opened) {
    position: relative;
    color: #fff;
    background-color: #409eff;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title {
    white-space: nowrap;
    padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding));
}
.relative {
    position: relative;
}
.el-menu-item * {
    vertical-align: bottom;
}
.w-\[16px\] {
    width: 16px;
}

.h-\[16px\] {
    height: 16px;
}
.el-menu-item [class^=el-icon] {
    margin-right: 5px;
    width: var(--el-menu-icon-width);
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
}
.el-menu .el-icon {
    flex-shrink: 0;
}
.text-\[15px\] {
    font-size: 15px;
}
.ml-\[10px\] {
    margin-left: 10px;
}
.ml-\[40px\] {
    margin-left: 40px;
}
.justify-between {
    justify-content: space-between;
}
.el-menu-item {
    display: flex;
    align-items: center;
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    font-size: var(--el-menu-item-font-size);
    color: var(--el-menu-text-color);
    padding: 0 var(--el-menu-base-level-padding);
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);
    box-sizing: border-box;
    white-space: nowrap;
}
.el-sub-menu .el-sub-menu__icon-arrow {
    position: absolute;
    top: 50%;
    right: var(--el-menu-base-level-padding);
    margin-top: -6px;
    transition: transform var(--el-transition-duration);
    font-size: 12px;
    margin-right: 0;
    width: inherit;
}
.el-sub-menu .el-icon {
    vertical-align: middle;
    margin-right: 5px;
    width: var(--el-menu-icon-width);
    text-align: center;
    
}
.el-sub-menu {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title {
    white-space: nowrap;
    padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding));
}
.el-sub-menu__title {
    display: flex;
    align-items: center;
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    font-size: var(--el-menu-item-font-size);
    color: var(--el-menu-text-color);
    padding: 0 var(--el-menu-base-level-padding);
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);
    box-sizing: border-box;
    white-space: nowrap;
    padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width));
}
.layout-header{
    position: relative;
    z-index: 5;
    box-shadow: 0 0 4px #0091ff1a;
}
.border-color {
    border-color: var(--el-border-color-lighter);
}
.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px;
}
.border-b {
    border-bottom-width: 1px;
}

.el-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}
.el-col-12 {
    max-width: 50%;
    flex: 0 0 50%;
}
.navbar-item{
    padding: 0 8px;
}
.h-full {
    height: 100%;
}
.el-breadcrumb {
    font-size: 14px;
    line-height: 1;
}
.justify-end {
    justify-content: flex-end;
}
.el-dropdown {
    --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
    --el-dropdown-menuItem-hover-color: var(--el-color-primary);
    --el-dropdown-menu-index: 10;
    display: inline-flex;
    position: relative;
    color: var(--el-text-color-regular);
    font-size: var(--el-font-size-base);
    line-height: 1;
    vertical-align: top;
}
.el-avatar--icon {
    font-size: var(--el-avatar-icon-size);
}
.el-avatar--circle {
    border-radius: 50%;
}
.el-avatar {
    --el-avatar-text-color: var(--el-color-white);
    --el-avatar-bg-color: var(--el-text-color-disabled);
    --el-avatar-text-size: 14px;
    --el-avatar-icon-size: 18px;
    --el-avatar-border-radius: var(--el-border-radius-base);
    --el-avatar-size-large: 56px;
    --el-avatar-size-small: 24px;
    --el-avatar-size: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    color: var(--el-avatar-text-color);
    background: var(--el-avatar-bg-color);
    width: var(--el-avatar-size);
    height: var(--el-avatar-size);
    font-size: var(--el-avatar-text-size);
}
.pl-\[8px\] {
    padding-left: 8px;
}
.p-\[10px\] {
    padding: 10px;
}
.flex-1 {
    flex: 1 1 0%;
}

.mr-\[15px\] {
    margin-right: 15px;
}
.el-card {
    --el-card-border-color: var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding: 20px;
    --el-card-bg-color: var(--el-fill-color-blank);
    border-radius: var(--el-card-border-radius);
    border: 1px solid var(--el-card-border-color);
    background-color: var(--el-card-bg-color);
    overflow: hidden;
    color: var(--el-text-color-primary);
    transition: var(--el-transition-duration);
}

.\!border-none {
    border-style: none!important;
}
.el-card__header {
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
    border-bottom: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
}
.card-header>span {
    line-height: 21px;
}
.el-card__body {
    padding: var(--el-card-padding);
}

[class*=el-col-].is-guttered {
    display: block;
    min-height: 1px;
}

.el-col-6 {
    max-width: 25%;
    flex: 0 0 25%;
}
.el-statistic {
    --el-statistic-title-font-weight: 400;
    --el-statistic-title-font-size: var(--el-font-size-extra-small);
    --el-statistic-title-color: var(--el-text-color-regular);
    --el-statistic-content-font-weight: 400;
    --el-statistic-content-font-size: var(--el-font-size-extra-large);
    --el-statistic-content-color: var(--el-text-color-primary);
}

.el-statistic {
    --el-statistic-content-font-size: 28px !important;
}
.el-statistic__head {
    font-weight: var(--el-statistic-title-font-weight);
    font-size: var(--el-statistic-title-font-size);
    color: var(--el-statistic-title-color);
    line-height: 20px;
    margin-bottom: 4px;
}
.text-\[14px\] {
    font-size: 14px;
}

.mb-\[9px\] {
    margin-bottom: 9px;
}
.el-statistic__content {
    font-weight: var(--el-statistic-content-font-weight);
    font-size: var(--el-statistic-content-font-size);
    color: var(--el-statistic-content-color);
}
.mt-\[15px\] {
    margin-top: 15px;
}
.el-row.is-justify-space-between {
    justify-content: space-between;
}
.el-col-4 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
}
[class*=el-col-] {
    box-sizing: border-box;
}
.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px;
}
.border-\[\#E5E8EE\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 232 238 / var(--tw-border-opacity));
}
.border, .border-\[1px\] {
    border-width: 1px;
}

.rounded-\[10px\] {
    border-radius: 10px;
}
.w-\[120px\] {
    width: 120px;
}
.w-\[33px\] {
    width: 33px;
}
.text-\[\#666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}

.text-\[16px\] {
    font-size: 16px;
}
.el-descriptions {
    --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
    --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
    box-sizing: border-box;
    font-size: var(--el-font-size-base);
    color: var(--el-text-color-primary);
}

.el-descriptions__body {
    background-color: var(--el-fill-color-blank);
}
.el-descriptions__body .el-descriptions__table {
    border-collapse: collapse;
    width: 100%;
}
.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 12px;
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    line-height: 23px;
    font-size: 14px;
}
.el-descriptions__label:not(.is-bordered-label) {
    color: var(--el-text-color-primary);
    margin-right: 16px;
}
.el-descriptions__content:not(.is-bordered-label) {
    color: var(--el-text-color-regular);
}
.pb-\[25px\] {
    padding-bottom: 25px;
}
.pt-\[10px\] {
    padding-top: 10px;
}
.h-\[120px\] {
    height: 120px;
}

.mr-\[8px\] {
    margin-right: 8px;
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}
.mr-\[30px\] {
    margin-right: 30px;
}

.el-menu-item:hover,.el-sub-menu__title:hover {
    background-color: var(--el-menu-hover-bg-color);
}

.navbar-item:hover {
    background-color: var(--el-bg-color-page);
}
.dropdown-menu.show {
    display: block;
    --el-popper-border-radius: var(--el-popover-border-radius, 4px);
    position: absolute;
    border-radius: var(--el-popper-border-radius);
    
    z-index: 2000;
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    word-wrap: break-word;
    visibility: visible;
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
}
.el-dropdown-menu{
    outline: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: var(--el-dropdown-menu-index);
    padding: 5px 0;
    margin: 0;
    background-color: var(--el-bg-color-overlay);
    border: none;
    border-radius: var(--el-border-radius-base);
    box-shadow: none;
    list-style: none;
}
.el-dropdown-menu__item{
    display: flex;
    align-items: center;
    white-space: nowrap;
    list-style: none;
    line-height: 22px;
    padding: 5px 16px;
    margin: 0;
    font-size: var(--el-font-size-base);
    color: var(--el-text-color-regular);
    cursor: pointer;
    outline: 0;
}

.el-dropdown-menu__item:hover{
    background: #409eff;
    color: #fff;
}

.el-dialog__header {
    padding: 20px;
    padding-bottom: 10px;
    margin-right: 16px;
}
.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: var(--el-text-color-primary);
}
.el-dialog__headerbtn {
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0;
    width: 54px;
    height: 54px;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: var(--el-message-close-size,16px);
}
.el-dialog__headerbtn .el-dialog__close {
    color: #909399;
    font-size: inherit;
}
.el-dialog__body {
    padding: calc(20px + 10px) 20px;
    color: var(--el-text-color-regular);
    font-size: 14px;
}
.el-dialog__footer {
    padding: 20px;
    padding-top: 10px;
    text-align: right;
    box-sizing: border-box;
}
.el-form-item__label {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
    font-size: 14px;
    color: var(--el-text-color-regular);
    height: 32px;
    line-height: 32px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
}
.ml-\[18px\] {
    margin-left: 18px;
}
.el-button {
    --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: var(--el-border-color);
    --el-button-bg-color: var(--el-fill-color-blank);
    --el-button-text-color: var(--el-text-color-regular);
    --el-button-disabled-text-color: var(--el-disabled-text-color);
    --el-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color: rgba(255, 255, 255, .5);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-color-primary-light-9);
    --el-button-hover-border-color: var(--el-color-primary-light-7);
    --el-button-active-text-color: var(--el-button-hover-text-color);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-active-bg-color: var(--el-button-hover-bg-color);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-color-info);
    --el-button-active-color: var(--el-text-color-primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 32px;
    white-space: nowrap;
    cursor: pointer;
    color: var(--el-button-text-color);
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    transition: .1s;
    font-weight: var(--el-button-font-weight);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    padding: 8px 15px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base);
}
.el-button--primary {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-primary);
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary-light-3);
    --el-button-hover-border-color: var(--el-color-primary-light-3);
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: var(--el-color-primary-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button:focus, .el-button:hover {
    color: var(--el-button-hover-text-color);
    border-color: var(--el-button-hover-border-color);
    background-color: var(--el-button-hover-bg-color);
    outline: 0;
}
.flex.jc, .inflex.jc {
    align-items: center;
    justify-content: center;
}
.main-bg {
    background: #fff;
}

.radius8 {
    border-radius: 8px;
}
.absolute, .fixed, .progress {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.circular {
    height: 42px;
    width: 42px;
    animation: loading-rotate 2s linear infinite;
}
.path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round;
}
.text-\[20px\] {
    font-size: 20px;
}
.mt-\[20px\] {
    margin-top: 20px;
}
.el-table--large {
    font-size: var(--el-font-size-base);
}
.el-table--fit {
    border-right: 0px;
    border-bottom: 0px;
}
.el-table {
    --el-table-border-color: var(--el-border-color-lighter);
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-text-color-secondary);
    --el-table-row-hover-bg-color: var(--el-fill-color-light);
    --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--el-bg-color);
    --el-table-fixed-box-shadow: var(--el-box-shadow-light);
    --el-table-bg-color: var(--el-fill-color-blank);
    --el-table-tr-bg-color: var(--el-fill-color-blank);
    --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15);
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    height: fit-content;
    width: 100%;
    max-width: 100%;
    background-color: var(--el-table-bg-color);
    font-size: 14px;
    color: var(--el-table-text-color);
}
.el-table {
    --el-table-header-bg-color: #F5F7F9!important;
    --el-table-header-text-color: #333!important;
}
.el-table__inner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.el-table--border .el-table__inner-wrapper::after, .el-table--border::after, .el-table--border::before, .el-table__inner-wrapper::before {
    content: "";
    position: absolute;
    background-color: var(--el-table-border-color);
    z-index: 3;
}
.el-table__inner-wrapper::before {
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
}
.el-table .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}
.el-table thead {
    color: var(--el-table-header-text-color);
    font-weight: 500;
}
.el-table thead, .el-table thead th {
    font-weight: 400!important;
}
.el-table tr {
    background-color: var(--el-table-tr-bg-color);
}

.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
    border-bottom: var(--el-table-border);
}
.el-table:not(.el-table--border) .el-table__cell {
    border-right: none;
}

.el-table th.el-table__cell {
    user-select: none;
    background-color: var(--el-table-header-bg-color);
}
.el-table th.el-table__cell {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var(--el-table-header-bg-color);
}
.el-table--large .el-table__cell {
    padding: 12px 0px;
}
.el-table .el-table__cell {
    padding: 12px 0px;
    min-width: 0px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
    z-index: 1;
}
.el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper {
    width: 100%;
}
.text-c th, .text-c td {
    
    border-bottom: var(--el-table-border);
    background-color: var(--el-table-header-bg-color);
    padding: 12px 0px;
    min-width: 0px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: center;
    z-index: 1;
}
.dis-jus{
    display: flex;
    justify-content: space-between;
}
.text-d td{
        font-size: 13px;
    border-bottom: var(--el-table-border);
    padding: 12px 0px;
    min-width: 0px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: center;
    z-index: 1;
}

.text-c,.text-d {
    text-align: center;
}
.el-tag {
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary);
    --el-tag-text-color: var(--el-color-primary);
    background-color: var(--el-tag-bg-color);
    border-color: var(--el-tag-border-color);
    color: var(--el-tag-text-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 0 9px;
    font-size: var(--el-tag-font-size);
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--el-tag-border-radius);
    box-sizing: border-box;
    white-space: nowrap;
    --el-icon-size: 14px;
}
.el-tag {
    --el-tag-font-size: 12px;
    --el-tag-border-radius: 4px;
    --el-tag-border-radius-rounded: 9999px;
}
.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}

.el-button--mini {
    --el-button-size: 24px;
    height: var(--el-button-size);
    padding: 5px 11px;
    font-size: 12px;
    border-radius: calc(var(--el-border-radius-base) - 1px);
}
.el-button--danger{
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}
.el-button--danger:hover {
    background: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}
.el-button--primary{
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff;
}
.el-pager {
    white-space: nowrap;
    padding: 2px 5px;
    font-weight: 700
}
.el-pager li:not(.disabled).active {
    background-color: #409eff;
    color: #fff;
}
.el-pager li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px;
}
.el-pager li {
    padding: 0 4px;
    background: #fff;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
}
.el-pager li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px;
}
.link-num{
    width: 100%;
    display: flow-root;
}
.el-button--primary.is-disabled {
    color: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff;
}
.el-button--danger.is-disabled{
    color: #f9a7a7;
    background-color: #fef0f0;
    border-color: #fde2e2;
}
.el-button--success {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
}
.el-button--success.is-disabled{
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}
.el-button--success:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff;
}
.el-button--info {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6;
}
.el-button--info:focus, .el-button--info:hover {
    background: #909399;
    border-color: #909399;
    color: #fff;
}
.el-button--warning{
    color: #e6a23c;
    background: #fdf6ec;
    border-color: #f5dab1;
}
.el-button--warning:focus, .el-button--warning:hover {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}
.w-\[100px\] {
    width: 100px;
}

.mr-\[10px\] {
    margin-right: 10px;
}
.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 8px;
}
.pd-pos{
    position: absolute;
    /* margin-bottom: 0; */
    bottom: 0;
    right: 0;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.my-\[10px\] {
    margin-top: 10px;
    margin-bottom: 10px;
}
.cursor-pointer {
    cursor: pointer;
}
.h-\[100px\] {
    height: 100px;
}
.attachment-wrap {
    background: var(--el-border-color-extra-light);
}
.fex-bootom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.panel-title {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.\!text-sm {
    font-size: var(--el-font-size-small)!important;
}





.bg-opacity-60 {
    --bs-bg-opacity: .6!important;
}
@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}